State-Switch Controls: The Infamous Case of the "Mute" Button 引導流程

移動應用的引導流程(onboarding)是幫助使用者熟悉新介面的過程,可能涉及以下三個元件:功能推廣、個性化設定和操作指引。

引導流程的作用與挑戰

好的引導流程對於新員工或使用者的成功體驗至關重要。應用程式的引導流程不僅幫助使用者瞭解如何與介面互動(常見的誤解),還涉及必要的初始設定。引導流程不僅僅針對新使用者,每次新功能或介面更新時都可能需要為現有使用者提供引導。

儘量避免引導流程(Skip Onboarding Whenever Possible)

通常,引導流程存在以下弊端:

因此,建議儘量減少引導流程,將更多資源用於最佳化介面設計。

何時需要引導流程?(When Does a Mobile App Need Onboarding?)

如果不確定應用是否需要引導流程,可先測試不帶引導的版本,觀察使用者的使用難度,再考慮是否需要新增專門的引導。

常見的引導流程元件(Onboarding Components)

引導流程通常包含以下元件:功能推廣、個性化設定和操作指引。以下是每種元件的分析和建議。

1. 功能推廣(Feature Promotion)

功能推廣引導旨在讓使用者瞭解應用的功能,但通常被視為一種營銷內容。建議在應用商店頁面展示新功能,而非在首次啟動時強行展示。功能推廣可適用於對現有使用者進行新功能介紹,但不要過度強調已有的常規功能,以免使用者產生厭煩心理。

生產效率(Productive),一款習慣追蹤應用程式,提供了宣傳性的引導流程,展示了該應用程式可以做的一些事情,例如設定提醒和檢視統計資料。
該 Productive 應用程式還在其蘋果應用商店頁面的“預覽”部分下提供了促銷內容。在應用商店和應用程式內部都包含此內容有些過頭了。
大通銀行的應用程式透過一個類似牌組的功能引導流程,向現有使用者展示新的應用程式功能(如信用卡消費彙總)。該流程簡短,甚至允許使用者完全跳過它。

2. 個性化設定(Customization)

應用常在引導流程中請求使用者資料以便個性化體驗。例如,語言學習應用會要求使用者選擇語言和熟練度。然而,視覺設計個性化(如選擇主題色)通常不適合引導流程,因為使用者在使用前很難知道自己偏好的顏色。相反,可以在設定中提供視覺個性化功能,而非在首次啟動時強制選擇。

內容個性化設定更適合引導流程,例如健身應用在引導時詢問使用者的健身目標,以便推薦適合的課程。

Reflectly 應用程式在其引導流程中包含了視覺設計定製。該應用程式在使用者還不知道使用者介面會是什麼樣子之前,就強制他們選擇一種配色方案。
Any.do 允許透過應用程式設定進行視覺設計自定義,並且在首次啟動時不會提示使用者選擇主題。
Fitplan 以一個簡短的調查來迎接新使用者,以便根據推薦的鍛鍊內容來定製應用程式體驗。該應用程式還簡要解釋了它需要哪些資訊以及為什麼需要這些資訊。此外,儘管這個調查是自動呈現的,但可以選擇跳過它,同時還有一個進度指示器。

3. 操作指引(Instructions)

操作指引的目的是教使用者如何使用介面,但不應為彌補設計不足而存在。如果某些功能或工作流程獨特或新穎,則簡短的操作指引可以有所幫助。

常見的操作指引方式包括:

卡片式教程:不推薦使用此方式,因其會增加介面的複雜性,容易造成資訊過載。

《What the Forecast?!!》使用了一副紙牌教程來提供指導性的入門指導,並告知使用者在應用程式中某些控制元件的位置。對標準圖示的解釋是無用的,只是在浪費使用者的時間。

指導性覆蓋層:可在使用者首次嘗試完成某任務時提供幫助,避免在初始時堆砌資訊。

美國國家海洋和大氣管理局(NOAA)的天氣應用程式在一個螢幕上突出顯示了每一個可能的互動,這讓使用者應接不暇。這種實現方式對於標準的使用者介面元素(如“分享”和“設定”圖示)來說是非常突兀且不必要的。
檢查表使用教學覆蓋層向使用者展示一些核心功能,例如如何對裝箱單進行分類和標記。然而,教學文案用於解釋不熟悉的術語(左:在這種情況下,討論裝箱單時的“類別”)和未標記的圖示(右:大橙色標籤)。在這種情況下,對於教學內容來說,一個不那麼突兀的解決方案是一個彈出提示,這樣,如果使用者需要明確,只需點選一下即可。(更好的是:改進使用者介面,而不是在一個糟糕的介面上提供明確性)。

互動式演練:適用於較為複雜的應用,透過實際操作幫助使用者熟悉介面功能。

太棒了,一款目標跟蹤應用程式,使用互動式演練讓使用者熟悉相對簡單和熟悉的工作流程。這種實施是不必要的。
《神廟逃亡 2》提供了一個互動式的演練,當使用者玩遊戲的一個簡單關卡時,會在螢幕上及時收到指示。例如,在障礙物靠近之前,會出現如何避開障礙物的指示。這個演練教會了使用者遊戲的控制方法,並讓他們有機會在實際情境中多次練習。
MindNode 是一款思維導圖和頭腦風暴應用程式,它使用互動式演練來讓使用者適應不太熟悉的工作流程。在教程中,使用者建立了一個非常簡單的思維導圖製品,從而在一個互動式的實踐環境中熟悉了控制和術語。該教程也提供了跳過的選項。

結論(Conclusion)

引導流程應儘可能簡單。對於大多數移動應用來說,建議直接讓使用者進入介面操作。對於複雜應用,若有獨特的互動模式或需要使用者資訊進行個性化設定,簡短的引導流程可能有所幫助。在設計引導流程時,應專注於使用者在應用中取得成功所需的資訊,突出新穎或不熟悉的元素,保持內容簡潔且不打擾使用者。